<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../src/css/public.css">
    <link rel="stylesheet" href="../src/css/vip.css">
</head>
<body>
   <div class="top">
       <div class="item">
           <div class="logo">
                <div class="medial">
                    <p>RHINE Cake</p>
                </div>
                <div class="right">
                    <div class="left">
                        <img src="../src/image/index/telephone.png" alt="">
                    </div>
                    <div class="tit">
                        <p>400-823-8820</p>
                    </div>
                </div>
           </div>
       </div>
   </div> 
   <!-- 导航 -->
   <div class="nav">
        <ul>
            <a href=""></a>
            <li>
                <a href="./index.html">首页</a></li>
            <li>
                <a href="./goods.html">味觉空间</a></li>
            <li>
                <a href="./active.html">最新活动</a></li>
            <li>
                <a href="./vip.html">会员中心</a></li>
            <li>
                <a href="./story.html">品牌故事</a></li>
            <li>
                <a href="./call.html">联系我们</a></li>
        </ul>
   </div>
   <!-- banner -->
   <div class="banner">
      <img src="../src/image/vip/banner.jpg" alt="">
   </div>
   <!-- 会员 -->
   <div class="vip1">
        <div class="left">
           <div class="top">
                <img src="../src/image/vip/1sofa.jpg" alt="">
                <p>初阶会员</p>
           </div> 
           <div class="bottom">
                    <img src="../src/image/vip/kuangkuang.png" alt="">
                    <p>
                        注册用户
                        <br>
                        消费积分＞0
                    </p>
           </div>     
        </div>
        <div class="right">
        <ul>
            <li>√ 产品体验权：拥有优先参与每月免费体验产品类产品的资格。</li>
            <li>√ 提前购买折扣券：提前一天预订蛋糕，可享受9.7折优惠。</li>
            <li> √ 累计积分：购买蛋糕即可积分，积分可用来兑换礼品。</li>
            <li>√ 限量产品优先购买权（敬请期待）</li>
        </ul>
        </div>
   </div>

   <div class="vip1">
    <div class="left">
       <div class="top">
            <img src="../src/image/vip/sofa2.jpg" alt="">
            <p>中阶会员</p>
       </div> 
       <div class="bottom">
                <img src="../src/image/vip/kuangkuang.png" alt="">
                <p>
                    注册用户
                    <br>
                    消费积分＞0
                </p>
       </div>     
    </div>
    <div class="right">
    <ul>
        <li>√ 产品体验权：拥有优先参与每月免费体验产品类产品的资格。</li>
        <li>√ 提前购买折扣权：提前一天预订蛋糕，可享受9折优惠。</li>
        <li>√ 当天购买折扣权：当天订购蛋糕，可享受9.5折优惠。</li>
        <li> √ 累计积分：购买蛋糕即可积分，积分可用来兑换礼品。</li>
        <li>√ 限量产品优先购买权（敬请期待）</li>
    </ul>
    </div>
</div>

<div class="vip1">
    <div class="left">
       <div class="top">
            <img src="../src/image/vip/sofa3.jpg" alt="">
            <p>高阶会员</p>
       </div> 
       <div class="bottom">
                <img src="../src/image/vip/kuangkuang.png" alt="">
                <p>
                    注册用户
                    <br>
                    消费积分＞0
                </p>
       </div>     
    </div>
    <div class="right">
    <ul>
        <li>√ 产品体验权：拥有优先参与每月免费体验产品类产品的资格。</li>
        <li>√ 提前购买折扣权：提前一天预订蛋糕，可享受8折优惠。</li>
        <li>√ 当天购买折扣权：当天订购蛋糕，可享受9折优惠。</li>
        <li> √ 累计积分：购买蛋糕即可积分，积分可用来兑换礼品。</li>
        <li>√ 限量产品优先购买权（敬请期待）</li>
    </ul>
    </div>
</div>
   <!--尾巴  -->
   <div class="kuang">
    <div class="top">
    </div>
    <div class="bottom">
    <div class="left">
            <div class="p1">RHINE CAKE</div>
            <div class="p2">订购热线：4006-688-688</div>
            <div class="p3">客服邮箱：JS@LCcake.com</div>
            <div class="p3">总部地址：杭州市西湖区长江路与中原大道交叉k口向南200米</div>
            <div class="p3">食品生产许可:SC12031010800121</div>
    </div>
    <div class="between">
        <ul>
            <li>关于我们</li>
            <li>企业介绍</li>
            <li>招贤纳士</li>
            <li>呼叫中心</li>
        </ul>
        <ul>
            <li>帮助中心</li>
            <li>投诉与建议</li>
            <li>购物指南</li>
            <li>支付种类</li>
        </ul>
        <ul>
            <li>发现</li>
            <li>公告</li>
           
        </ul>
        <ul>
            <li>客服服务</li>
        </ul>
    </div>
</div>
</div>
   

</body>
</html>